<md-dialog aria-label="{{i18n.officialAccounts}}" ng-cloak>
  <form>
    <md-toolbar>
      <div class="md-toolbar-tools">
        <h2>{{i18n.officialAccounts}}</h2>
        <span flex></span>
        <md-button class="md-icon-button" ng-click="cancel()">
          <md-icon>close</md-icon>
        </md-button>
      </div>
    </md-toolbar>
    <md-dialog-content>
      <div class="md-dialog-content">
        <div layout-gt-xs="row">
          <md-input-container class="md-block" flex-gt-xs>
            <label>{{i18n.remark}}</label>
            <input ng-model="settings.remark" type="text" placeholder="remark">
          </md-input-container>
          <md-input-container class="md-block" flex-gt-xs>
            <label>{{i18n.appid}}</label>
            <input ng-model="settings.appid" type="text" placeholder="appid">
          </md-input-container>
          <md-input-container class="md-block" flex-gt-xs>
            <label>{{i18n.appsecret}}</label>
            <input ng-model="settings.appsecret" type="text" placeholder="secret">
          </md-input-container>
        </div>
        <div layout-gt-xs="row">
          <md-input-container class="md-block" flex-gt-xs>
            <label>uid</label>
            <input ng-model="settings.uid" type="text" placeholder="uid">
          </md-input-container>
          <md-input-container class="md-block" flex-gt-xs>
            <label>password</label>
            <input ng-model="settings.password" type="text" placeholder="password">
          </md-input-container>
        </div>
      </div>
    </md-dialog-content>
    <md-dialog-actions layout="row">
      <span flex></span>
      <md-button ng-click="cancel()">
        {{i18n.cancel}}
      </md-button>
      <md-button class="md-primary" ng-click="save(settings)" ng-disabled="!settings">
        {{i18n.save}}
      </md-button>
    </md-dialog-actions>
  </form>
</md-dialog>